<template>
    <div>
        <Son :name.sync="name" ></Son>
        <!-- v-model:子组件中被注入一个value的值和一个input的函数 -->
        <Son2 v-model="name"></Son2>
        <h1 ref="myRef">我是ref</h1>
    </div>
</template>
<script>
import Index from '../11-26条件渲染/Index.vue'
import Son from "./Son.vue"
import Son2 from "./Son2.vue"
export default {
    mounted(){
        //写动画  写轮播  ref获取元素,操作元素
        const h1 = this.$refs.myRef;
        console.log(h1)
    },
    data(){
        return{
            name:"我不是一个粉刷匠,但粉刷本领强"
        }
    },
    components:{Son,Son2,Index}
}
</script>